认识HTML

HTML

HTML 历史

超文本标记(HyperText Markup Language,简称为HTML)——在1993年6月作为互联网工程工作小组工作草案发布,现在使用的HTML5——2014年10月28日,W3C推荐标准。

HTML超文本标记语言,是互联网应用最广泛的标记语言。很简单的来说 $HTML$ 文件就是文本+HTML标记(也可以成为HTML标签),而不同的HTML标记能展示不同的效果。

HTML是一个很 随便 的语言,浏览器对它太宽容,也就是说想一份正确的HTML文档很简单容易,但是写一份错的HTML文档实在太难了。因为HTML也很给人一种很混乱的感觉。但是HTML本身的语法是很简单的。我们的目标就是能够掌握常用的HTML标签,以及它们的作用。其次学习CSS(层叠样式表)可以去修饰静态网页,为了后期配合脚本文件对网页的各个元素进行修饰。终极目标完成完整的静态网页的编写。

HTML文档结构,好比一个美丽的姑娘

浏览器

浏览器是我们目前会接触到最多的工具,无论是上网购物,学习,查询资料等等。为我们的日常生活提供了很多的遍历。那么我们作为一个上帝视角,有必要去了解一下我们的浏览器。

  • 开启chrome dev tools网页工具,火狐的debug网页工具。主要以chrome为主
  • 如何选择元素,并观察选中元素的当前状态,已经调整当前元素的状态
  • 下载网页相关内容
  • 使用chrome dev tools撰写前端代码,侦测元素的状态样式
  • chrome实用插件的安装(需要大家安装vpn,自行到谷歌下载对应的插件 以下是推荐插件列表)
  • Javascript代码的调试

PS:熟练的掌握浏览器的dev tools工具,才能更好的运用起来

编码工具

整体课程推荐使用sublime Text3版本(和我的节奏一样最好,嘻嘻)。

编辑器只是一个我们编写代码的工具,同学们无需纠结。我们要掌握是使用工具去完成学习目标。

不要纠结,不要纠结,不要纠结 那么多的编辑器(重要的事情说 三遍 )。

  • 安装sublime text3软件
  • 配置快捷键,常规工具样式(会统一发放)
  • 安装常用的插件选项,常用模板的设置
  • 基本快捷键的操作

PS:做好了准备工作我们就要开始我们的学习之旅了,QAQ !

结尾

这里向大家推荐几个初学者使用的网站,平常可以多去浏览一下其中的奥义

送给同学们的话

  • 风起于青萍 之末,浪成于微澜 之间
  • 大丈夫 ,秉慧剑,般若锋兮金刚焰
  • 昨夜西风凋碧树,独上高楼,望尽天涯路
  • 衣带渐宽终不悔,为伊消得人憔悴
  • 众里寻他千百度,蓦然回首,那人却在灯火阑珊处

今天的午夜电台就到这里了

---------------- The   End ----------------